<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>普通用户-图书管理系统</title>
    <link href="/layui/css/layui.css" rel="stylesheet"/>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <div th:include="common/admin_header :: header"></div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree">

                <li class="layui-nav-item ">
                    <a class="" href="javascript:;">书籍管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/addBookPage">&emsp;&emsp;录入新书</a></dd>
                        <dd><a href="/addCategoryPage?pageNum=1">&emsp;&emsp;新建类别</a></dd>
                        <dd><a href="/showBooksPage">&emsp;&emsp;查询书籍</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a class="" href="javascript:;">用户管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/showUsersPage?pageNum=1">&emsp;&emsp;查询用户</a></dd>
                        <dd><a href="/addUserPage">&emsp;&emsp;新增用户</a></dd>
                        <dd><a href="/addAdmin">&emsp;&emsp;新增管理员</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item ">
                    <a class="" href="javascript:;">借阅信息</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/allBorrowBooksRecordPage?pageNum=1">&emsp;&emsp;所有记录</a></dd>
                        <dd><a href="/appointBookAll">&emsp;&emsp;预约记录</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item  layui-nav-itemed"><a class="" href="/adminInfoPage">个人信息</a></li>

                <li class="layui-nav-item layui-nav-itemed"><a class="" href="/adminMessage">留言板</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body layui-container">

        <hr class="layui-bg-blue">
        <h3 style="font-size: xx-large; text-align: center"> 留言板 </h3>
        <hr class="layui-bg-blue">



        <table class="layui-table ">
            <thead>
            <tr>
                <th>序号</th>
                <th>留言内容</th>
                <th>留言人</th>
                <th>留言日期</th>
                <th>管理员姓名</th>
                <th>管理员回复</th>
                <th>回复日期</th>
                <th>回复</th>
            </tr>
            </thead>

            <tr th:each="message : ${messagesList}">
                <td><label th:text="${message.getId()}"></label></td>
                <td><label th:text="${message.getText()}"></label></td>
                <td><label th:text="${message.getAddUser()}"></label></td>
                <td><label th:text="${message.getTime()}"></label></td>

                <td><label th:text="${message.getAdminUser()}"></label></td>
                <td><label th:text="${message.getAdminText()}"></label></td>
                <td><label th:text="${message.getReTime()}"></label></td>

                <td>
                    <button class="layui-btn layui-btn-sm layui-btn-danger del_btn" th:value="${message.getId()}">回复
                    </button>
                </td>
            </tr>
        </table>

        <div id="window" title="回复留言" style="margin: 5%; display: none">
            <form id="updateForm" class="layui-form">
                <div class="layui-form-item">
                    <label class="layui-form-label">回复留言</label>

                    <div class="layui-input-block">
                        <input type="text" name="userName" id="userName"
                               class="layui-input">
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div th:include="common/footer :: footer"></div>

</div>

<script src="/scripts/jquery.min.js"></script>
<script src="/layui/layui.js"></script>
<script src="/scripts/admin/adminMessage.js"></script>

</body>
</html>




